<template>
  <div class="login_head">
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.jianglishi.cn%2Fuploads%2Fimages%2Fxiaz%2F2021%2F0214%2F1613313726299.jpg&refer=http%3A%2F%2Fwww.jianglishi.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648367737&t=28aca207b650db6896a695f72afdfbe5" alt="">
    <span class="close" @click="back()">X</span>
    <span class="toZhuCe" @click="toZheCu()">注册</span>
  </div>
</template>

<script>
export default {
  methods: {
    back(){
      this.$router.push('/wode');
    },
    toZheCu(){
      this.$router.push('/zhuCe');
    }
  },
}
</script>

<style>
  .login_head{
    height: 1.64rem;
    background-color: skyblue;
    position: relative;
    color: white;
    margin-bottom: .25rem;
    overflow: hidden;
  }
  .login_head img{
    width: 100%;
  }
  .login_head .close{
    position: absolute;
    left: .15rem;
    top: .15rem;
    font-size: .2rem;
    font-weight: 700;
  }
  .login_head .toZhuCe{
    position: absolute;
    right: .15rem;
    top: .15rem;
    font-size: .2rem;
    font-weight: 700;
  }
</style>